<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>项目详情</title>
    <!--static-->
    <link rel="stylesheet" href="css/main.min.css"/>
    <link rel="stylesheet" href="static/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="static/css/swiper.css"/>
    <link rel="stylesheet" href="css/carousel.css"/>

    <script src="static/js/jquery-1.11.3.js"></script>
    <!--other-->
    <link rel="stylesheet" href="css/style.css"/>
    <script src="js/style.js"></script>
    <script src="static/js/style.min.js"></script>
    <script src="js/echarts-all.js"></script>
    <script src="js/carousel.js"></script>
    <!--[if lt IE 9]>
    <script src="static/js/html5shiv.js"></script>
    <script src="static/js/respond.js"></script>
    <![endif]-->
</head>
<body>
<!--header-->
<div class="headerIndex">
    <div class="container">
        <div class="header clearfix row">
            <div class="logo">
                <a href="index.html"></a>
            </div>
            <div class="nav tc">
                <ul>
                    <a href="index.html">
                        <li class="">项目库</li>
                    </a>
                    <a href="my-project.html">
                        <li>我的项目</li>
                    </a>
                    <a href="dynamic.html">
                        <li>动态</li>
                    </a>
                    <a href="about.html">
                        <li>关于我们</li>
                    </a>
                </ul>
            </div>
            <div class="user">
                <a class="search" href=""></a>
                <ul>
                    <a href="login.html">
                        <li>登录</li>
                    </a>
                    <a href="reg.html">
                        <li>注册</li>
                    </a>
                </ul>

            </div>
            <div class="fr personalCenter">
                <div class="serch fl">
                    <input type="text">
                    <i></i>
                </div>


                <ul class="content fl">
                    <li>
                        <a href="#">
                            <img class="fl" src="img/headerIndex_001.png" alt=""/>
                            <span class="userNameIndex">Willian Mo <i class="fa fa-caret-down"></i></span>
                        </a>
                        <ul class="list">
                            <li class="listIndex active"><a href="personal-center.html">个人中心</a></li>
                            <li class="listIndex"><a href="create-project.html">创建项目 </a></li>
                            <li class="listIndex"><a href="my-project.html">我的项目</a></li>
                            <li><a class="logOff" href="login.html">退出登录</a></li>
                        </ul>
                    </li>
                </ul>

            </div>
        </div>
    </div>
</div>
<div class="container projectDetails">
    <!--title-->
    <div class="titleMyProject">
        <h1 class="fl">我的项目</h1>
        <ul class="fr">
            <li class="fl tc attornPtdetailsBtn">
                <img class="fl" src="img/titleMyProject_004.png" alt="">
                <span class="fl">薪权转让</span>
            </li>
            <li class="fl tc salaryPaymentPtdetailsBtn ">
                <a href="salary-payment.html">
                    <img class="fl" src="img/titleMyProject_005.png" alt="">
                    <span class="fl">薪权发放</span>
                </a>

            </li>
            <a href="ask-for-help.html">
                <li class="fl tc">
                    <img class="fl" src="img/titleMyProject_002.png" alt="">
                    <span class="fl">请求帮助</span>
                </li>
            </a>
            <a href="write-monthly.html">
                <li class="fl tc ">
                    <img class="fl" src="img/titleMyProject_006.png" alt="">
                    <span class="fl">撰写月报</span>
                </li>
            </a>

        </ul>
    </div>
    <div class="contentMyProject">
        <div class="ProjectList btNone">
            <div class="left fl">
                <img src="img/contentIndex_005.png" alt=""/>
            </div>
            <div class="right fl">
                <div class="title pd10">
                    <span class="fl name">智能扫地机器人</span>
                    <a class="fr color" href="modify-project.html">编辑</a>
                </div>
                <p class=" f16 ">项目简介 :</p>
                <ul>
                    <li>南石道街时间冻结斗牛舞户外活动就爱看大吉健康之健康之路大姐啊看得见啊空间打开就爱看到监控就爱看求委屈几率大可了解到过欧切欧卡看见的看见啊大家爱看健康打卡款</li>
                    <li>
                        <div class="ellipsis">
                            南石道街时间冻结斗牛舞户外活动就爱看大吉健康之健康之路大姐啊看得见啊空间打开就爱看到监控就得见啊空间打开就爱看到监控就得见啊空间打开就爱看到监控就得见啊开就爱看到监控就得见啊开就爱看到监控就得见啊空间打开就爱看到监控就爱看求委屈几率大可了解到过欧切欧卡看见的看见啊大家爱看健康打卡款

                        </div>
                    </li>
                    <li class="pt30 pd20">
                        <div class="scheduleCommon">
                            <span class="fl">项目进度</span>

                            <p class="fl">
                                <small class="w80"></small>
                            </p>
                            <strong class="fl">80%</strong>
                        </div>
                    </li>
                    <li class="pt10"><span class="fl">项目估价 ：<small class="colorRed f17">10万元RMB</small></span></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 项目参与人员-->
    <div class="participant">
        <div class="title">
            <span class="fl active">当前项目参与人员</span>
            <span class="fl">团队暂缺人员</span>
            <button class="fr renewalBtn">更换</button>
            <small class="fr">项目负责人 ：XXX</small>
        </div>
        <div class="content tc">
            <ul>
                <li class="tc">
                    <img src="img/headerIndex_001.png" alt=""/>
                    <b>苏小明</b>

                    <p>职位类型 ：硬件开发</p>

                    <p>专业水平 ：硬件开发</p>
                </li>
                <li class="tc">
                    <img src="img/headerIndex_001.png" alt=""/>
                    <b>苏小明</b>

                    <p>职位类型 ：硬件开发</p>

                    <p>专业水平 ：硬件开发</p>
                </li>
                <li class="tc">
                    <img src="img/headerIndex_001.png" alt=""/>
                    <b>苏小明</b>

                    <p>职位类型 ：硬件开发</p>

                    <p>专业水平 ：硬件开发</p>
                </li>
                <li class="tc">
                    <img src="img/headerIndex_001.png" alt=""/>
                    <b>苏小明</b>

                    <p>职位类型 ：硬件开发</p>

                    <p>专业水平 ：硬件开发</p>
                </li>
                <li class="tc">
                    <img src="img/headerIndex_001.png" alt=""/>
                    <b>苏小明</b>

                    <p>职位类型 ：硬件开发</p>

                    <p>专业水平 ：硬件开发</p>
                </li>
                <li class="tc">
                    <img src="img/headerIndex_001.png" alt=""/>
                    <b>苏小明</b>

                    <p>职位类型 ：硬件开发</p>

                    <p>专业水平 ：硬件开发</p>
                </li>
                <li class="tc">
                    <img src="img/headerIndex_001.png" alt=""/>
                    <b>苏小明</b>

                    <p>职位类型 ：硬件开发</p>

                    <p>专业水平 ：硬件开发</p>
                </li>
                <li class="tc">
                    <img src="img/headerIndex_001.png" alt=""/>
                    <b>苏小明</b>

                    <p>职位类型 ：硬件开发</p>

                    <p>专业水平 ：硬件开发</p>
                </li>
                <li class="tc">
                    <img src="img/headerIndex_001.png" alt=""/>
                    <b>苏小明</b>

                    <p>职位类型 ：硬件开发</p>

                    <p>专业水平 ：硬件开发</p>
                </li>
                <li class="tc">
                    <img src="img/headerIndex_001.png" alt=""/>
                    <b>苏小明</b>

                    <p>职位类型 ：硬件开发</p>

                    <p>专业水平 ：硬件开发</p>
                </li>
            </ul>
            <button class="develop">展开全部</button>

        </div>
        <div class="pandectContent tc">
            <p class="tl f17">财务总览</p>

            <div class="pandectTx">
                <div class="fl">
                    <img class="fl" src="img/projectDetails_001.png" alt="">
                       <span class="fl">
                           <strong class="f12">工资债卷</strong>
                           <small class="colorRed f17">15万元</small>
                  </span>
                </div>
                <div class="fl">
                    <img class="fl " src="img/projectDetails_002.png" alt="">
                     <span class="fl">
                             <strong class="f12">股权币</strong>
                         <small class="colorRed f17">15万元</small>
                     </span>
                </div>
            </div>
            <a href="financial-statements.html" class="finance">财务报表</a>

            <div id="cartogram"></div>
        </div>
        <div class="historicalMonthlyPtdetails tc">
            <div class="container_image tl">
                <b>历史月报</b>
                <a href="javascript:void(0)" tip="0" class="i_btn prev_L"></a>
                <a href="javascript:void(0)" tip="1" class="i_btn next_R"></a>
                <ul class="slide_img">

                    <li>
                        <a href="monthly-details.html">
                            <div class="title">2017年9月</div>
                            <p>
                                1.待档位规划工作完成后，尽快组织档位抽签。并制定新的租金标准，提高经济效益;2.加大场地的环境治理，争取将天光区的工作走上一个新的台阶。3.加强内部管理，落实公司和部门制定的各项工作任务和经济指标</p>
                        </a>
                    </li>
                    <li>
                        <a href="monthly-details.html">
                            <div class="title">2017年8月</div>
                            <p>
                                1.待档位规划工作完成后，尽快组织档位抽签。并制定新的租金标准，提高经济效益;2.加大场地的环境治理，争取将天光区的工作走上一个新的台阶。3.加强内部管理，落实公司和部门制定的各项工作任务和经济指标</p>
                        </a>
                    </li>
                    <li class="on">
                        <a href="monthly-details.html">
                            <div class="title">2017年7月</div>
                            <p>
                                1.待档位规划工作完成后，尽快组织档位抽签。并制定新的租金标准，提高经济效益;2.加大场地的环境治理，争取将天光区的工作走上一个新的台阶。3.加强内部管理，落实公司和部门制定的各项工作任务和经济指标</p>
                        </a>
                    </li>
                    <li>
                        <a href="monthly-details.html">
                            <div class="title">2017年6月</div>
                            <p>
                                1.待档位规划工作完成后，尽快组织档位抽签。并制定新的租金标准，提高经济效益;2.加大场地的环境治理，争取将天光区的工作走上一个新的台阶。3.加强内部管理，落实公司和部门制定的各项工作任务和经济指标</p>
                        </a>
                    </li>
                    <li>
                        <a href="monthly-details.html">
                            <div class="title">2017年5月</div>
                            <p>
                                1.待档位规划工作完成后，尽快组织档位抽签。并制定新的租金标准，提高经济效益;2.加大场地的环境治理，争取将天光区的工作走上一个新的台阶。3.加强内部管理，落实公司和部门制定的各项工作任务和经济指标</p>
                        </a>

                    </li>

                </ul>
            </div>
            <a href="salary-transaction.html">
                <button class="salaryTransactionPtdetails">申请薪权交易</button>
            </a>
            <button class="addItemPtdetails">申请加入项目</button>
        </div>
    </div>

    <div class="footer">
        <ul>
            <a href="about.html">
                <li class="fl">
                    <img src="img/paginationI_001.png" alt="">
                    <span>关于我们</span>
                </li>
            </a>
            <a href="">
                <li class="fl">
                    <img src="img/paginationI_002.png" alt="">
                    <span>联系我们（187-1111-1111）</span>
                </li>
            </a>
            <a href="">
                <li class="fl">
                    <img src="img/paginationI_003.png" alt="">
                    <span>商务合作</span>
                </li>
            </a>

        </ul>
        <div class="returnTop">
            <div class="returnIcon">
                <img src="img/returnTop_001.png" alt="">
            </div>
            <div class="codeIcon" >
                <img src="img/returnTop_002.png" alt="">

                <div class="code">
                    <img src="img/code.jpg" alt=""/>
                </div>
            </div>
        </div>
    </div>
    <div class="copyrightIndex tc">© 2017 willIan Mo All Rights Restseved</div>
    <div class="window-pop" ></div>
    <!--薪权转让开始-->
    <div class="popContent attornPtdetails hidden">
        <div class="titlePersonalCenter tc f17">
            <p>新权转让</p>
        </div>
        <ul>
            <li>
                <span class="tr fl spanPtdetails">转让至</span>
                <input class="fl" type=" text" placeholder="对方注册手机号"/>
            </li>
            <li>
                <span class="tr fl ">债卷所属项目</span>
                <b class="fl"> ：社讯</b>
            </li>
            <li>
                <span class="tr fl spanPtdetails">出让工资债卷数</span>
                <input class="fl" type="text"/>
                <small class="spanPtdetails">元（≤50（系统自动确认））</small>
            </li>
            <li>
                <span class="tr fl spanPtdetails">出让股币数</span>
                <button class="subtractPtdetails fl" onclick="jiaJian('subtractPtdetails')"></button>
                <input class="fl numberWdPtdetails" id="numberWdPtdetails" value="0" type="text"/>
                <button class="fl addPtdetails" onclick="jiaJian('addPtdetails')"></button>
                <small class="spanPtdetails">元（≤50（系统自动确认））</small>
            </li>
            <li>
                <span class="tr fl ">交易类型</span>

                <p class="fl ml10">
                <span class="selectPtdetails "><i class="fl selectBgPtdetails"></i><strong
                        class="fl">现金-薪权</strong></span>
                    <span class="selectPtdetails"><i class="fl"></i><strong class="fl">薪权-薪权</strong></span>
                </p>
            </li>
            <li><span class="tr"><b>所得现金</b></span></li>
            <li>
                <span class="tr fl ">支付方式</span>

                <p class="fl ml10">
                    <span class="selectPtdetails "><i class="fl "></i><strong class="fl">现金</strong></span>
                    <span class="selectPtdetails"><i class="fl"></i><strong class="fl">支付宝</strong></span>
                    <span class="selectPtdetails"><i class="fl"></i><strong class="fl">微信</strong></span>
                    <span class="selectPtdetails"><i class="fl"></i><strong class="fl">其他</strong></span>
                </p>
            </li>
        </ul>
        <button class="btn  submitBtn">提交</button>
    </div>
    <!--确认转让-->
    <div class="affirmPtdetails pop450Content tc hidden">
        <img src="img/projectDetails_008.png" alt=""/>
        <ul class="tl">
            <li>您本次新权转让的接受方未注册，请您及时告知对方进行注册后再度申请交易！</li>
            <li>系统未检测到您所申请交易的另一方所属项目，可能您输入名称有误，请您与对方确认后重新输入</li>
            <li>您正在进行薪权转让操作，点击确认立即交易，点击取消继续修改</li>
        </ul>
        <button class="btnStyle keepBtn">确定</button>
        <button class="btnStyle cancelBtn">取消</button>
    </div>
    <!--新权转让结束-->

    <!--申请加入项目开始-->
    <div class="popContent applyForPtdetails hidden">
        <div class="titlePersonalCenter  f17">
            <p class="tc">申请加入项目</p>
            <i class="close"></i>
        </div>
        <ul>
            <li>
                <span class="fl">申请职位</span>
                <input class="ipt fl" type="text"/>
            </li>
            <li>
                <span class="fl">期望工资</span>
                <input class="ipt fl" type="text"/>
                <strong class="fl">元</strong>
            </li>
            <li>
                <span class="fl">期望工资</span>
                <textarea class="fl"></textarea>
            </li>
        </ul>
        <button class="btn">提交</button>
    </div>
    <!--申请加入项目结束-->
    <!-- 更换负责人开始-->
    <div class="popContent renewal hidden">
        <div class="titlePersonalCenter  f17">
            <p class="tc">选择新的项目负责人</p>
            <i class="close"></i>
        </div>
        <table>
            <thead>
            <tr class="tc">
                <td width="70px">状态</td>
                <td width="70px">姓名</td>
                <td width="80px">职位</td>
                <td width="80px">入职时间</td>
                <td width="80px">工作状态</td>
                <td width="80px">工资债卷</td>
                <td width="60px">股权币</td>
                <td width="230">职责</td>
            </tr>
            </thead>
            <tbody>
            <tr class="tc">
                <td><input type="radio" name=""/></td>
                <td>更改前</td>
                <td>Label</td>
                <td>COO</td>
                <td>1000元</td>
                <td>全职</td>
                <td>13658482111</td>
                <td>13658482111</td>
            </tr>
            <tr class="tc">
                <td><input type="radio"/></td>
                <td>更改前</td>
                <td>Label</td>
                <td>COO</td>
                <td>1000元</td>
                <td>全职</td>
                <td>13658482111</td>
                <td>13658482111</td>
            </tr>

            </tbody>
        </table>
        <button class="btn">保存</button>
    </div>
    <!-- 更换负责人结束-->
</div>
</body>
<script>



    $(function () {
        var newopt = {
            w2: "300",//小图宽度
            h2: "420"//小图高度
        };
        i_slide($(".container_image"), newopt);

    });
    var myChart = echarts.init(document.getElementById('cartogram'));
    option = {

        tooltip: {
            show: false,
            formatter: "{a} <br/>{b} : {c} ({d}%)"
        },
        legend: {
            x: 'center',
            y: 'bottom',
            data: ['', '', '', '', '', '', '', '']
        },

        calculable: false,
        series: [
            {

                type: 'pie',
                radius: [20, 110],
                center: ['50%'],
                roseType: 'radius',
                width: '40%',       // for funnel
                max: 40,            // for funnel
                draggable: false,
                itemStyle: {
                    normal: {
                        label: {
                            show: false
                        },
                        labelLine: {
                            show: false
                        }
                    },
                    emphasis: {
                        label: {
                            show: true
                        },
                        labelLine: {
                            show: true
                        }
                    }
                },
                data: [
                    {value: 10, name: '苏小明  拥有股权30%\n入职时间 ：兼职/全职/已离职/\n拥有股权 ：30%\n拥有工资债卷数 ：100元\n拥有股币数 ：100元'},
                    {value: 20, name: '苏小明  拥有股权10%\n入职时间 ：兼职/全职/已离职/\n拥有股权 ：30%\n拥有工资债卷数 ：100元\n拥有股币数 ：100元'},
                    {value: 30, name: '苏小明  拥有股权20%\n入职时间 ：兼职/全职/已离职/\n拥有股权 ：30%\n拥有工资债卷数 ：100元\n拥有股币数 ：100元'},
                    {value: 40, name: '苏小明  拥有股权30%\n入职时间 ：兼职/全职/已离职/\n拥有股权 ：30%\n拥有工资债卷数 ：100元\n拥有股币数 ：100元'},
                    {value: 50, name: '苏小明  拥有股权40%\n入职时间 ：兼职/全职/已离职/\n拥有股权 ：30%\n拥有工资债卷数 ：100元\n拥有股币数 ：100元'},
                    {value: 60, name: '苏小明  拥有股权50%\n入职时间 ：兼职/全职/已离职/\n拥有股权 ：30%\n拥有工资债卷数 ：100元\n拥有股币数 ：100元'},
                    {value: 70, name: '苏小明  拥有股权60%\n入职时间 ：兼职/全职/已离职/\n拥有股权 ：30%\n拥有工资债卷数 ：100元\n拥有股币数 ：100元'},
                    {value: 80, name: '苏小明  拥有股权70%\n入职时间 ：兼职/全职/已离职/\n拥有股权 ：30%\n拥有工资债卷数 ：100元\n拥有股币数 ：100元'},
                    {value: 90, name: '苏小明  拥有股权80%\n入职时间 ：兼职/全职/已离职/\n拥有股权 ：30%\n拥有工资债卷数 ：100元\n拥有股币数 ：100元'}
                ]
            }
        ]
    };
    myChart.setOption(option);
</script>
</html>